<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#showDate{
				width: 200px;
				height: 50px;
				border: 1px solid #ccc;
				font-size: 20px;
				color: red;
				text-align: center;
				line-height: 50px;
				display: inline-block;
				margin: 0 30px;
			}
		</style>
	</head>
	<body>
		<!--编程题: 写一个按键, 点击后 轮流显示”日周月”, 关闭后再打开能显示关闭前显示的状态-->
		<div class="showWrap">
			<div id="showDate">当前星期3</div>
			<button onclick="btn()">点击切换显示</button>
		</div>
		<script src="lc.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var showDate=document.getElementById("showDate");
			var dateIndex=0;
			if(getCookie("showIndex")){
				dateIndex=parseInt(getCookie("showIndex"));
				changeDate(dateIndex);
				dateIndex++;
			}else{
				changeDate(dateIndex);
			}
			function btn(){
				if(dateIndex>2){
					dateIndex=0;
				}
				changeDate(dateIndex);
				dateIndex++;
			}
			function changeDate(ind){
				var nowDate=new Date();
				var nowMonth=nowDate.getMonth()+1;
				var nowDay=nowDate.getDate();
				var nowWeek=nowDate.getDay();
				if(ind==0){
					showDate.innerHTML="当前"+nowMonth+"月";
					saveCookie("showIndex",ind,5);
				}else if(ind==1){
					showDate.innerHTML="当前"+nowDay+"日";
					saveCookie("showIndex",ind,5);
				}else if(ind==2){
					showDate.innerHTML="当前周"+nowWeek;
					saveCookie("showIndex",ind,5);
				}
			}
		</script>
		<!--概念题:  1. HTML行内元素有哪些, 块级元素有哪些?画出CSS盒模型
			行标签如：h1-h6;div;ol;ul;li;p;hr;form等
			块标签如：span;a;img;input;strong;em;等
			盒模型的计算方式：margin＋padding+border+content
			怪异盒模型的计算方式：margin＋content
		2.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
		(1)标签名选择器，类选择器，id选择器，后代选择器，组合选择器，群组选择器，同级选择器，属性选择器，子元素选择器
		(2)可以继承的有：font-size font-family color  
		   不可继承的一般有：border padding margin background-color width height 等
		(3)id=100,class=10,标签名＝1 先计算大小，使用大的选择器（瘦死的骆驼比马大），如果大小相等，则后面覆盖前面的。
		(4)important优先级高
		3. 清除浮动的几种方式, 各自的优缺点?
		1)在浮动元素下加子元素<div class="clear"></div>然后设置样式.clear{ height:0px;font-size:0;clear:both;}；
		2)在浮动元素下面（与浮动元素同级）加<br clear="all"/>
		3)给浮动元素的父级也加浮动(这种情况当父级margin:0 auto时不居中)
		4)给父级加display:inline-block;(同方法2,不居中,只有IE6,7居中)
		5)给浮动元素父级加overflow:auto;
		6）经典用法
		 .clear,.clear-all{clear:both;font-size:0;height:0;line-height:0;overflow:hidden}
		.fix:after,.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
		.fix,.clearfix{*zoom:1}
		4. HTML5存储类型有哪些?
		(1).本地存储localstorage
		(2).本地存储sessionstorage
		(3).离线缓存（application cache）
		(4).关系数据库Web SQL
		(5).索引数据库IndexedDB
		5. HTTP状态吗有哪些, 分别代表什么意思?(几个常用的就行, 不用全说)
		成功2××:成功处理了请求的状态码。
		200:服务器已成功处理了请求并提供了请求的网页。
		204:服务器成功处理了请求，但没有返回任何内容。         
		301:请求的网页已永久移动到新位置。当URLs发生变化时，使用301代码。搜索引擎索引中保存新的URL。 
		302:请求的网页临时移动到新位置。搜索引擎索引中保存原来的URL。 
		304:如果网页自请求者上次请求后没有更新，则用304代码告诉搜索引擎机器人，可节省带宽和开销。 
		400:服务器不理解请求的语法。 
		403:服务器拒绝请求。 
		404:服务器找不到请求的网页。服务器上不存在的网页经常会返回此代码。 
		服务器错误5××:表示服务器在处理请求时发生内部错误。这些错误可能是服务器本身的错误，而不是请求出错。 
		500:服务器遇到错误，无法完成请求。
		503:服务器目前无法使用（由于超载或停机维护）。通常，这只是暂时状态
		-->
	</body>
</html>
